@import 'tailwindcss';

@import '../../../../vendor/filament/filament/resources/css/theme.css';

@source '../../../../app/Filament/**/*';
@source '../../../../resources/views/filament/**/*';


.fi-sidebar {
    @apply bg-white dark:bg-gray-900 border-r border-gray-100 dark:border-gray-900  shadow-none;
}

.fi-topbar {
    @apply h-14 pl-0  shadow-none;
}

.fi-topbar-start {
    @apply h-14  pl-2 pr-0;
}

.fi-sidebar-nav {
    @apply px-4 py-4;
}


.fi-sidebar-nav-groups {
    @apply gap-2;
}

.fi-ta-ctn,
.fi-sidebar,
.mine-header,
.fi-main .fi-sc-form
{
    @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-gray-800) 5%, transparent);
    }
    &:where(.dark, .dark *) {
        @supports (color: color-mix(in lab, red, red)) {
            --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
    }
}

.fi-sidebar-item-grouped-border-part-not-first {
    @apply hidden;
}

.fi-sidebar-item-grouped-border-part-not-last {
    @apply hidden;
}

.fi-ta-ctn {
    @apply shadow-none;
    :where(& > :not(:last-child)) {
        border-color: var(--color-gray-100);
    }
    :where(.dark, .dark *) {
        border-color: var(--color-gray-900);
    }
    & .fi-ta-header-toolbar {
        @media (width >= 40rem) {
            @apply pl-4 pr-6;
        }
    }

    & .fi-ta-selection-indicator {
        @apply bg-white dark:bg-gray-900 ;
    }
}

.fi-ta-table {
    & > tbody {
        :where(& > :not(:last-child)) {
            border-color: var(--color-gray-100);
        }
        :where(.dark, .dark *) {
            border-color: var(--color-gray-900);
        }
    }
}

.fi-ta-table {
    @apply shadow-none;
    :where(& > :not(:last-child)) {
        border-color: var(--color-gray-100);
    }
    :where(.dark, .dark *) {
        border-color: var(--color-gray-900);
    }
}

.fi-main {
    @media (width >= 64rem) {
        padding-inline: calc(var(--spacing) * 4);
    }
}

.fi-page-header-main-ctn {
    @apply py-4 gap-4;
}

.fi-page-content {
    @apply gap-4 flex flex-col  shadow-none;
}

.fi-input-wrp, .fi-contained {
    @apply shadow-none;
}


.fi-main .fi-sc-form {
    @apply p-4 bg-white dark:bg-gray-900 rounded-xl shadow-none ring-1;
}

.fi-simple-layout .mine-logo {
    @apply flex flex-col space-y-2 h-auto;
    img {
        @apply size-16;
    }
}

.fi-sidebar-item-icon, .fi-sidebar-group-btn svg {
    @apply size-5;
}

.fi-sidebar-group-label {
    @apply text-gray-700 dark:text-gray-200;
}
